.section1 {
    position: relative;
    background: #ffffff;
    height: auto;
    margin-bottom: 0vw;
}

.banner {
    position: relative;
    top: -10vw;
    width: 100vw;
    filter: brightness(0.3);
    filter: grayscale(50%) brightness(0.3);
}

.t1 {
    position: relative;
    display: block;
    top: -65vw;
    left: 5vw;
    font-family: 'Open Sans';
    font-weight: 300;
    font-size: 3.5rem;
    color: #fff;
    width: 50vw;
}

.t1_ {
    position: relative;
    display: none;
    top: calc(-50vw - 65px);
    left: 5vw;
    font-family: 'Open Sans';
    font-weight: 300;
    font-size: 3rem;
    color: #fff;
    text-align: center;
    width: 90vw;
}

.t2 {
    position: relative;
    top: -65vw;
    left: 5vw;
    font-family: 'Open Sans';
    font-weight: 300;
    font-size: 1.5rem;
    color: #fff;
    width: 50vw;
}

.faixa0 {
    position: relative;
    top: -45vw;
    width: 100vw;
    height: 15vw;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 3%, rgba(255, 255, 255, 0.771) 30%, rgba(255, 255, 255, 0) 97%, rgba(207, 207, 207, 0) 100%);
}

.faixa1 {
    position: relative;
    top: -45vw;
    width: 100vw;
    height: 15vw;
    background: rgb(255, 255, 255);
}


@media (max-width: 768px) {
    * {
        max-width: 100vw;
    }

    .section1 {
        top: -65px;
        overflow: hidden;
    }

    .banner {
        top: 0;
        width: 350vw;
        left: -123vw;
        max-width: none;
        filter: sepia(100%);
        
    }

    .t1 {
        display: none;
    }

    .t1_ {
        display: block;
        z-index: 2;
    }

    .t2 {
        left: 6vw;
        top: calc(-50vw - 65px);
        font-size: 1.3rem;
        width: 92vw;
        z-index: 2;
    }

    .faixa0 {
        top: -73vw;
    }

    .section2 {
        flex-direction: column;
    }

    .img1 {
        top: -50vw;
        width: 80vw;
    }

    .s1 {
        left: 5vw;
        top: -45vw;
        width: 90vw;
        font-size: 2.4rem;
        text-align: center;
    }

    .s2 {
        top: -40vw;
        left: 5vw;
        font-size: 1.1rem;
        margin-bottom: -30vw;
        width: 90vw;
        text-align: justify;
    }

    .videoyt {
        left: 0vw;
        width: 90vw;
        height: 50vw;
    }
}